@import "transition";
@import "custom";
@import "package";
@import "element-ui";
@import "variables";
@import "sidebar";
@import "loading";

[v-cloak] {
    display: none !important;
}

html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: -90;
}

#nprogress {
    position: absolute;
    z-index: 10;
}

a, a:focus, a:hover {
    text-decoration: none;
}

* {
    //font-family: 'Monaco', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;;
    font-family: 'Cascadia Mono', 'SF Pro SC', 'SF Pro Text', 'SF Pro Icons', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    //font-family: 'Courier New', '等线', "Open Sans", 'sans-serif';
}

i.serif {
    text-transform: lowercase;
    color: #1abc9c;
}

/*
// 在全局CSS里引用:
// 滚动条宽度
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

// 滚动条的滑块
::-webkit-scrollbar-thumb {
    //background-color: #a1a3a9;
    background-color: #b4c7d0;
    &:hover {
        background-color: #a1a3a9;
    }
    border-radius: 3px;
}

// 滚动条的滑块
div.el-select-dropdown__wrap::-webkit-scrollbar-thumb {
    background-color: transparent;
}

// 滑动轨道
::-webkit-scrollbar-track {
    background-color: #5a5a5a;
    border-radius: 3px;
}
// 滑动轨道
.scrollbar-track-transparent::-webkit-scrollbar-track {
    background-color: transparent;
}
*/
//----------------------------------------
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar, div::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar:horizontal, div::-webkit-scrollbar:horizontal {
    height: 8px
}

body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .15);
}

body::-webkit-scrollbar-track, div::-webkit-scrollbar-track {
    background-color: transparent;
}


p code {
    color: #c7254e;
    border: 1px solid #e7eaed;
    border-radius: 3px;
    font-size: 0.9em;
    background-color: #f9f2f4;
    font-family: 'SF mono', sans-serif !important;
    padding: 0 2px 0 2px;
}
